<template>
  <section class="j-app-section">
    <van-loading v-if="loading" type="spinner" color="#1989fa" style="padding-top:100px;text-align: center"/>
    <slot />
  </section>
</template>

<script>
  export default {
    name: 'AppSection',
    props:{
      loading:{
        type:Boolean,
        default:false,
        required:false
      }
    }
  };
</script>

<style lang="less">
  .j-app-section {
    box-sizing: border-box;
    min-height: 100vh;
    padding-bottom: 20px;
    &__title {
      margin: 0;
      padding: 15px;
      font-weight: normal;
      font-size: 16px;
      line-height: 1.5;
      text-transform: capitalize;

      + j-app-block {
        .block_title {
          padding-top: 0;
        }
      }
    }
  }
</style>
